<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的</title>
    <!-- 引入的重置样式 -->
    <link rel="stylesheet" href="static/css/reset.css">
    <!-- 本页的css样式 -->
    <link rel="stylesheet" href="static/css/My-Interface.css">
    <!-- 引入的购物车的公用头部 -->
    <link rel="stylesheet" href="static/css/cart-header.css">

</head>

<body>
    <div class="header">
        <!-- log图片 -->
        <div>
            <img class="header-logo" src="static\imgs\logo.png" alt="">
        </div>
        <!-- 头部版心 -->
        <div class="header-c">
            <div class="nav">
                <a class="nav-item active" href="">
                    <li class="item-link">首页</li>
                </a>
                <a class="nav-item" href="">
                    <li class="item-link">女装</li>
                </a>
                <a class="nav-item" href="">
                    <li class="item-link">男装</li>
                </a>
                <a class="nav-item" href="">
                    <li class="item-link">箱包</li>
                </a>
                <a class="nav-item" href="">
                    <li class="item-link">配饰</li>
                </a>
            </div>
            <a class="fit" href="#">
                <img class="fit-jpg" src="static\imgs\fit.png" alt="">
            </a>
            <a href="#">
                <div class="cart">
                    <span class="my-cart">我的购物车</span>
                    <span class="cart-numeral">11</span>
                </div>
            </a>
        </div>
        <!-- 订单中心的版心部分 -->
        <div class="banner">
            <!-- 订单 -->
            <div class="order">
                <div class="order-text">我的订单</div>
                <div class="order-search">
                    <input type="text" class="order-search-text">
                    <a href="#"><img class="search-picture" src="static\imgs\serrch1.png" alt="图片未找到"></a>
                </div>
            </div>
            <!-- 订单列表 -->
            <div class="order-item">
                <a class="item-link1" href="#" target="_blank">
                    <img class="link-ing" src="static\imgs\obligation.png" alt="">
                    <p class="link-name">
                        待付款
                    </p>
                </a>
                <a class="item-link2" href="#" target="_blank">
                    <img class="link-ing" src="static\imgs\shipped.png" alt="">
                    <p class="link-name">
                        待收货
                    </p>
                </a>
                <a class="item-link3" href="#" target="_blank">
                    <img class="link-ing" src="static\imgs\appraise.png" alt="">
                    <p class="link-name">
                        待评价
                    </p>
                </a>
                <a class="item-link4" href="#" target="_blank">
                    <img class="link-ing" src="static\imgs\Post-Sale.png" alt="">
                    <p class="link-name">
                        退换/售后
                    </p>
                </a>
                <a class="item-link5" href="#" target="_blank">
                    <img class="link-ing" src="static\imgs\All Orders.png" alt="">
                    <p class="link-name">
                        全部订单
                    </p>
                </a>
            </div>
            <!-- 用户菜单 -->
            <div class="user-menu">
                <!-- 用户收藏 -->
                <div class="user-collect">
                    <p class="collect-name">我的收藏</p>
                    <div class="collect-dox">
                        <a class="collect-dox1" href="#">
                            <p class="dox-digit">13</p>
                            <p class="dox-name">商品收藏</p>
                        </a>
                        <a class="collect-dox2" href="#">
                            <p class="dox-digit">13</p>
                            <p class="dox-name">系列收藏</p>
                        </a>
                    </div>
                </div>
                <!-- 用户钱包 -->
                <div class="user-purse">
                    <p class="purse-name">我的钱包</p>
                    <div class="purse-dox">
                        <a class="purse-dox1" href="#">
                            <p class="dox-digit">3张</p>
                            <p class="dox-name">优惠卷</p>
                        </a>
                        <a class="purse-dox2" href="#">
                            <p class="dox-digit">0.00元</p>
                            <p class="dox-name">余额</p>
                        </a>
                    </div>
                </div>
            </div>

        </div>
        <!-- 底部 -->
        <div class="footer"></div>
</body>

</html>